<template>
	<view class="nav" :style="{color:color,fontSize:fontSize+'rpx'}">
		<text>{{name}}</text>
		<u-icon name="arrow-right" v-show="show" :color="iconColor"></u-icon>
	</view>
</template>

<script>
	export default{
		props:{
			color:{
				type:String,
				default:"#909090"
			},
			fontSize:{
				type:Number,
				default:28
			},
			name:{
				type:String,
				default:""
			},
			show:{
				type:Boolean,
				default:true
			},
			iconColor:{
				type:String,
				default:"#909090"
			}
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.nav{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
</style>
